<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf8" />
    <script src="/axe.js"></script>
  </head>
  <body>
    <footer id="pass2">Top level footer</footer>
    <article>
      <footer>Footer in article</footer>
    </article>
    <aside>
      <footer>Footer in aside</footer>
    </aside>
    <main>
      <footer>Footer in main landmark</footer>
    </main>
    <nav>
      <footer>Footer in nav</footer>
    </nav>
    <section>
      <footer>Footer in section</footer>
    </section>
    <div role="article">
      <footer>Footer in role=article</footer>
    </div>
    <div role="complementary">
      <footer>Footer in role=complementary</footer>
    </div>
    <div role="main">
      <footer>Footer in role=main landmark</footer>
    </div>
    <div role="navigation">
      <footer>Footer in role=navigation</footer>
    </div>
    <div role="region">
      <footer>Footer in role=region</footer>
    </div>
  </body>
</html>
